import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";
import Shop from "./views/Shop.vue";
import search from "./views/search.vue";
import show from "./views/show.vue";
import detail from "./views/detail.vue";
import order from "./views/order.vue";
import car from "./views/car.vue";
import proment from "./views/proment.vue";
Vue.use(Router);

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      name: "shop",
      component: Shop
    },
    {
      path: "/search",
      name: "search",
      component: search
    },
    {
      path: "/show",
      name: "show",
      component: show
    },
    {
      path: "/car",
      name: "car",
      component: car
    },
    {
      path: "/detail",
      name: "detail",
      component: detail
    },
    {
      path: "/order",
      name: "order",
      component: order
    },
    {
      path: "/proment",
      name: "proment",
      component: proment
    },
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: "/about",
      name: "about",
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () =>
        import(/* webpackChunkName: "about" */ "./views/About.vue")
    }
  ]
});
